.form-row {
  input,
  select,
  textarea {
    border-radius: 4px;
  }
}

.site-main {
  #customer_login {
    float: none;
    width: auto;
    margin-left: -9999em;
    margin-right: -9999em;
    padding: 4em 9999em;
    background-image: url(assets/img/bg-login-page.jpg);
    background-position: center top;
    background-size: auto;
    background-repeat: no-repeat;
  }
}

.woocommerce {
  form {
    .button {
      background-color: $color_links;
      border-radius: 4px;
      color: #fff;
  
      &:hover {
        background-color: $darker_links;
      }
    }
  }
}

#customer_login {
  margin-top: -3.706325903em;

  .lost_password,
  .goto-register,
  .goto-login {
    margin-bottom: 0;
  }

  .goto-login,
  .goto-register {
    margin-top: 3em;
  }
}

.login-form-wrap,
.register-form-wrap {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: 4px solid $color_links;
  border-radius: 6px;
  padding: 1em;

  form {
    margin-bottom: 0;
  }
}


@media screen and (min-width: 768px) {
  .login-form-wrap,
  .register-form-wrap {
    padding: 2em;
  }
}


@media screen and (min-width: 960px) {
  .login-form-wrap,
  .register-form-wrap {
    max-width: 30em;
  }

  .site-main {
    #customer_login {
      padding-top: 6em;
      padding-bottom: 10em;
    }
  }
}